<i-form :model="this.data" class='app-form' ref='form'  id='hr_contract_ef_basic' style="" @on-validate="formItemValidate.apply(_self, arguments)">
    <input style="display:none;" />
    <row >
            <i-col class="form-layout-container" v-show="detailsModel.grouppanel1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_contract.ef_basic_form.details.grouppanel1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.name.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 14, offset: 0 }">
    <app-form-item name='name' :itemRules="this.rules().name" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.name.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.name"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.name.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.company_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='company_id_text' :itemRules="this.rules().company_id_text" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.company_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.company_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.company_id_text.disabled"
  name='company_id_text'
  deMajorField='name'
  deKeyField='res_company'
  :service="service"
  :acParams="{ serviceName: 'Res_companyService', interfaceName: 'FetchDefault'}"
  valueitem='company_id'
  :value="data.company_id_text"
  editortype="dropdown"
  style=""
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.department_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='department_id_text' :itemRules="this.rules().department_id_text" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.department_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.department_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ N_COMPANY_ID_EQ:"%company_id%" }' 
  :localParam ='{ n_company_id_eq:"%company_id%" }' 
  :disabled="detailsModel.department_id_text.disabled"
  name='department_id_text'
  deMajorField='name'
  deKeyField='hr_department'
  :service="service"
  :acParams="{ serviceName: 'Hr_departmentService', interfaceName: 'FetchDefault'}"
  valueitem='department_id'
  :value="data.department_id_text"
  editortype="dropdown"
  style=""
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.employee_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='employee_id_text' :itemRules="this.rules().employee_id_text" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.employee_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.employee_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ N_DEPARTMENT_ID_EQ:"%department_id%", N_COMPANY_ID_EQ:"%company_id%" }' 
  :localParam ='{ n_department_id_eq:"%department_id%", n_company_id_eq:"%company_id%" }' 
  :disabled="detailsModel.employee_id_text.disabled"
  name='employee_id_text'
  deMajorField='name'
  deKeyField='hr_employee'
  :service="service"
  :acParams="{ serviceName: 'Hr_employeeService', interfaceName: 'FetchDefault'}"
  valueitem='employee_id'
  :value="data.employee_id_text"
  editortype="dropdown"
  style=""
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.job_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='job_id_text' :itemRules="this.rules().job_id_text" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.job_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.job_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ N_DEPARTMENT_ID_EQ:"%department_id%", N_COMPANY_ID_EQ:"%company_id%" }' 
  :localParam ='{ n_department_id_eq:"%department_id%", n_company_id_eq:"%company_id%" }' 
  :disabled="detailsModel.job_id_text.disabled"
  name='job_id_text'
  deMajorField='name'
  deKeyField='hr_job'
  :service="service"
  :acParams="{ serviceName: 'Hr_jobService', interfaceName: 'FetchDefault'}"
  valueitem='job_id'
  :value="data.job_id_text"
  editortype="dropdown"
  style=""
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel5.visible" :style="{}"  :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel5" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel5.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_contract.ef_basic_form.details.grouppanel5')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel5" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.state.visible" :style="{}"  :lg="{ span: 13, offset: 0 }" :xl="{ span: 13, offset: 0 }">
    <app-form-item name='state' :itemRules="this.rules().state" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.state')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.state.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.state"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.state.disabled"
    valueType="string"
    tag='HR_CONTRACT__STATE'
    codelistType='STATIC'
    placeholder='请选择...'
    
/>
</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel2" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_contract.ef_basic_form.details.grouppanel2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel2" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.date_start.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='date_start' :itemRules="this.rules().date_start" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.date_start')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.date_start.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.date_start" :disabled="detailsModel.date_start.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.date_start = val1 }"></date-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.trial_date_end.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='trial_date_end' :itemRules="this.rules().trial_date_end" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.trial_date_end')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.trial_date_end.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.trial_date_end" :disabled="detailsModel.trial_date_end.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.trial_date_end = val1 }"></date-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.date_end.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='date_end' :itemRules="this.rules().date_end" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.date_end')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.date_end.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.date_end" :disabled="detailsModel.date_end.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.date_end = val1 }"></date-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.rawitem1.visible" :style="{}"  :lg="{ span: 10, offset: 0 }" :xl="{ span: 10, offset: 0 }">
    <app-rawitem
    :viewparams="viewparams" 
    :context="context"
    contentStyle=""
    sizeStyle=""
    contentType="RAW"
    :htmlContent='``'
>
        （如果是定期合同）
</app-rawitem>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.resource_calendar_id_text.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='resource_calendar_id_text' :itemRules="this.rules().resource_calendar_id_text" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.resource_calendar_id_text')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.resource_calendar_id_text.error" :isEmptyCaption="false" labelPos="LEFT">
    
  <app-picker 
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.resource_calendar_id_text.disabled"
    name='resource_calendar_id_text'
    deMajorField='name'
    deKeyField='resource_calendar'
    :service="service"
    :acParams="{ serviceName: 'Resource_calendarService', interfaceName: 'FetchDefault'}"
    valueitem='resource_calendar_id' 
    :value="data.resource_calendar_id_text"
    :pickupView="{ viewname: 'resource-calendar-pickup-view', title: $t('entities.resource_calendar.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'resource_calendars', parameterName: 'resource_calendar' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
    style=""  
    @formitemvaluechange="onFormItemValueChange($event)">
  </app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.hr_responsible_name.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='hr_responsible_name' :itemRules="this.rules().hr_responsible_name" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.hr_responsible_name')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.hr_responsible_name.error" :isEmptyCaption="false" labelPos="LEFT">
    
  <app-picker 
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.hr_responsible_name.disabled"
    name='hr_responsible_name'
    deMajorField='name'
    deKeyField='res_users'
    :service="service"
    :acParams="{ serviceName: 'Res_usersService', interfaceName: 'FetchDefault'}"
    valueitem='hr_responsible_id' 
    :value="data.hr_responsible_name"
    :pickupView="{ viewname: 'res-users-pickup-view', title: $t('entities.res_users.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'res_users', parameterName: 'res_users' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
    style=""  
    @formitemvaluechange="onFormItemValueChange($event)">
  </app-picker>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel4" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel4.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hr_contract.ef_basic_form.details.grouppanel4')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel4" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.wage.visible" :style="{}"  :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='wage' :itemRules="this.rules().wage" class='' :caption="$t('entities.hr_contract.ef_basic_form.details.wage')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.wage.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.wage"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.wage.disabled" 
    type='number' 
    :precision="2"
    style="">
</input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
